
/* menuslide */
.hotBooks{width: 200px;height: 430px;box-sizing: border-box;}
.hotBooks h3{font-size: 18px;;background-color: #93d46f;color: #fff; line-height: 30px;}
.hotBooks ul h4{width: 20px;height: 20px;background-color: #b3b3b3;text-align: center; color: #fff;float:right;}
.hotBooks img{width: 80px;padding: 6px;float: left;}
.hotBooks p{width: 96px;padding-top: 26px;}
.hotBooks li{height: 42px;border-bottom: 2px solid #f3f3f3;overflow: hidden;}
.hotBooks .on{height: 130px;}
.hotBooks .on img{padding-top: 20px;}

.hoot-wow img{width: 1200px;}

/* booksSale */
.books h2{background-color: #f60;color: #fff;font-size: 24px;}
.bookslist li{width: 240px;height: 260px;box-sizing: border-box;float: left;}
.bookslist .books-first img{width: 150px;padding-top: 5px;}
.bookslist .books-two img{width: 73px;height: 25px;}
.bookslist .books-three img{width: 108px;height: 22px;}
.bookslist p:last-child span{margin-right: 20px;}
.bookslist li:hover{background-color: #f3f3f3;}

/* newbooks */
.newbooks .index-title{width: 900px;border-bottom: 4px solid #f60;}
.newbooks h2{font-size: 20px;line-height: 20px;letter-spacing: 5px;}
.newbooks h2 span{font-size:30px;display: inline-block;width: 42px;line-height: 42px;text-align: center;background: #f60;color: #fff;}

.newbooks-list {width: 900px;border: 2px solid #f3f3f3;box-sizing: border-box;}
.newbooks-list li{width: 160px;height: 250px;box-sizing: border-box;float: left;}
.newbooks-list .books-first img{width: 150px; padding-top: 5px;}
.newbooks-list p:last-child span{margin-right: 20px;}
.newbooks-list li:hover{background-color: #f3f3f3;}
.newbooks-list p{line-height: 24px;}

.newbooks .book-newbook{height: 500px;}

/* bookclass*/
/* .bookclass .index-title{width: 1200px;border-bottom: 4px solid #f60;}
.bookclass h2{font-size: 20px;line-height: 20px;letter-spacing: 5px;}
.bookclass h2 span{font-size:30px;display: inline-block;width: 42px;line-height: 42px;text-align: center;background: #f60;color: #fff;}

.bookclass .index-title li{width:100px ;float: left;text-align: center;cursor: pointer;}
.bookclass .index-title ul> .active{background-color: #f60; color: #fff; } */
/* .prolist */
/* .prolist{ padding: 0 40px;}
.prolist > div{float: left; box-sizing: border-box; width: 186px; height: 250px; border: 1px solid #ccc; line-height: 30px; padding: 10px;}
.prolist > div img{ width: 150px !important; height: 150px !important;} */

/* pro-title */
.pro-title{ border-bottom: 6px solid #f60;line-height: 40px;}
.pro-title span{display: inline-block; width: 40px; height: 40px; background-color: #f60; color: #fff;  text-align: center; margin-right: 5px;}
.pro-title li{ float: left; width: 100px;  text-align: center;}
.pro-title li.active{background-color: #f60; color: #fff; }

/* .prolist */
.prolist{ padding: 0 40px;height: 500px; border-bottom :4px solid #f3f3f3;box-sizing: border-box;}
.prolist > div{float: left; box-sizing: border-box; width: 186px; height: 250px;  line-height: 30px; padding: 10px;}
.prolist > div img{ width: 150px !important; height: 150px !important;}


/* guess */
.guess .changeBtn{ cursor: pointer; user-select: none;}
.guess-box{position: relative; height: 500px; overflow: hidden;}
.guess-ul{ position: absolute;}

.guess-books li{width: 200px;height: 120px; box-sizing: border-box;}
.guess-books li .guess-book img{width: 60px;height: 90px;}
.guess-books li p{text-indent: 10px;line-height: 22px;}
.guess-books > p img{width: 1200px;}